<!DOCTYPE html>
<html lang="ja" >
	<head>
	<meta charset="UTF-8" />
	<meta name="keywords" content="QR CODE GENERATOR,qrcode,qrcode generator,QRコードジェネレーター | js here" />
	<meta name="description" content="js here | QRコードをジェネレートします" />
	<meta name="author" content="agniuek">
	<link rel="stylesheet" href="css/style.css" media="screen" /> 
	<title>js here | qrcode generator by javascript</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>

</head>
<body>
<div id="main_box">
	<header id="top_header">
		<a href="index.html"><img src="logo.jpg" /></a>
		<div id="top_ad">
		<script type="text/javascript"><!--
google_ad_client = "ca-pub-4498051423313001";
/* javascripthere url_encoder.html */
google_ad_slot = "5986644661";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
		</div>
 	</header>
 	<nav id="top_nav">
			<ul>
				<li><a class="topLinks" href="index.html">home</a></li>
				<li><a class="topLinks" href="about.html">About</a></li>
			</ul>
	</nav>
	<article>
    	<header>
			<hgroup>
				<h1>js here</h1>
				<h2>QRCODE GENERATOR by javascript</h2>
				<h2>javascriptでQR CODEの出力を行います。</h2>
    		</hgroup>
    	</header>
    	<!--content-->
    	<script>
    	var qrcode_generator = {};
    		qrcode_generator.generate=function(){
    		content= document.getElementById("to_qrcode").value;
			jQuery('#qrcodeCanvas').qrcode({
				text	: content
			});	
			}
		</script>
		<div class="samplearea">
		<hr>
		<form id="sample070508a" name="f1" action="./">
		<p>in text:</p>
		<p><textarea id="to_qrcode" cols="100">http://javascripthere.appspot.com/</textarea></p>
		<div class="buttons" >
		<input type="button" value="  generate qrcode  " onclick="qrcode_generator.generate();" />
		</div>
		</form>
		<p>Render in canvas</p>
		<div id="qrcodeCanvas"></div>


    </article>

	<article>
	<header>
	<hgroup>
	<h2>js here</h2>
	</hgroup>
	</header>
	<p>jquery-qrcode by Jerome Etienne, http://jetienne.com</p>
	<p><a href='http://jeromeetienne.github.com/jquery-qrcode'>jquery.qrcode.js</a> is available on github
	<a href='https://github.com/jeromeetienne/jquery-qrcode'>here</a>
	under <a href='https://github.com/jeromeetienne/jquery-qrcode/blob/master/MIT-LICENSE.txt'>MIT license</a>.
	</p>
	</article>
     
	<footer id="the_footer">
	Copyright &copy; 2012 agniuek　All rights reserved.
	</footer>	
</div>

</body>
</html>